<template>
  <div id="app">
    <ImgMark v-if="isShow" />
  </div>
</template>

<script>
import ImgMark from "./components/ImgMark.vue.vue";

export default {
  name: "app",
  components: {
    ImgMark,
  },
  data() {
    return {
      isShow: true,
    }
  },
  mounted() {
    //判断设备
    let isMobile = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
    if (isMobile) {
      this.isShow = false;//手机端
      alert("当前项目暂未适配移动端，请在pc端打开！");
    } else {
      this.isShow = true;//非手机端
    }
  }
};
</script>

<style lang="scss">
#app {
  height: 100vh;
  width: 100vw;
  background-color: #000;
}
</style>
